/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {StyleSheet,Dimensions,PixelRatio,Platform} from 'react-native';
import ScreenUtils from '../component/ScreenUtils';
const os = Platform.OS;

const totalWidth = Dimensions.get('window').width;

const styles = StyleSheet.create({
  reportTitle: {
    flexDirection: 'row',
    height: totalWidth*0.129,
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  reportTitleI: {
    justifyContent: 'center',
    alignItems: 'center',
    width: totalWidth*0.133,
    height: totalWidth*0.148,
    alignSelf: 'flex-start',
  },
  reportTitleT: {
    backgroundColor: 'transparent',
    textAlign: 'center',
    color: '#ff5757',
    fontSize: 25,
  },
  reportTitleW: {
    flex: 1,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    height: totalWidth*0.129,
    borderBottomColor: 'transparent',
    borderBottomWidth: 2/PixelRatio.get(),
  },
  reportTitleNF: {
    fontSize: 25,
  },
  reportTitleTextF: {
    paddingHorizontal:7,
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
  },
  todayReport:{
  	fontSize: 10,
    color: '#ff4546',
  },
  unitF: {
    fontSize: 5,
  },
  reportColorNeg: {
    color: '#559354',
  },
  reportColorPos: {
    color: '#ff5757',
  },
  reportTitleN: {
    fontSize: 20,
    color: '#ff4546',
    marginRight: 2,
  },
  reportTitleL: {
    alignItems: 'center',
    justifyContent: 'center',
  },
  reportTitleText: {
    fontSize: 8,
    color: '#000',
  },
  reportListItems: {
    borderTopWidth: 1/PixelRatio.get(),
    borderTopColor: '#d5d5d5',
    paddingLeft: totalWidth*0.04,
    paddingRight: totalWidth*0.035,
    paddingVertical: totalWidth*0.026,
  },
  reportListIW: {
    flex: 1,
    flexDirection: 'row',
    alignItems: 'center',
  },
  reportListII: {
    width: totalWidth*0.04,
    height: totalWidth*0.04,
    resizeMode: 'contain',
    marginRight: 2,
  },
  reportListIT: {
    flex: 1,
    fontSize: 14,
    color: '#444444',
  },
  reportLIs: {
    flexDirection: 'row',
    marginTop: totalWidth*0.026,
  },
  reportLIsr: {
    flexDirection: 'row',
    marginHorizontal: 5,
    alignItems: 'center',
  },
  reportLIsrl: {
    color: '#9d9d9d',
    fontSize: 10,
    marginLeft: 2,
  },
  reportLIsrc: {
    color: '#9d9d9d',
    fontSize: 10,
  },
  reportLIsri: {
    width: totalWidth*0.03,
    height: totalWidth*0.03,
    resizeMode: 'contain',
  },
  reportMore: {
    borderTopWidth: 1/PixelRatio.get(),
    flexDirection: 'row',
    borderTopColor: '#d5d5d5',
    justifyContent: 'flex-end',
    alignItems: 'center',
    paddingVertical: totalWidth*0.026,
    paddingRight: totalWidth*0.026,
  },
  reportMoreI: {
    width: totalWidth*0.026,
    height: totalWidth*0.018,
    marginRight: 2
  },
  reportMoreT: {
    color: '#bdbbbc',
    fontSize: 10,
  },
});
module.exports=styles;